<template>
  <div id="app">
    <div>{{aaa.a}}</div>
    <div>{{aaa.b}}</div>
    <button @click="testToggle">点击</button>
    <ul class="nav iconfont" v-show="tabBarIsShow">
      <router-link to="/home" tag="li" active-class="active">
        <span>&#xe759;</span>
        首页
      </router-link>
      <router-link to="/classify" tag="li" active-class="active">
        <span>&#xeba1;</span>
        分类
      </router-link>
      <router-link to="/shopcar" tag="li" active-class="active">
        <span>&#xe747;</span>
        购物车
      </router-link>
      <router-link to="myself" tag="li" active-class="active">
        <span>&#xeb90;</span>
        我的
    </router-link>
    </ul>
    <router-view/>
  </div>
</template>
<script>
/**
 * ssss
 * aa
 * bb
 */
import { mapState } from 'vuex'
import * as Config from "./components/index";
import Vue from 'vue'
export default {
  data:() =>{
    
    let aa = () =>{
      console.log('bbbbbbbbbb')
    }
    return {
      ooo:"aaa",
      aa:"555",
      aaa:{
        a:"2"
      },
      a:1,
      fn:function name(params) {
        console.log(1111,'我是data的请求')
      } 
    }
  },
  created(){
    console.log(this.$data)
    this.fn()
    this.$data
    console.log(this.$data,'data')
  },
  computed: {
    ...mapState(['tabBarIsShow'])
  },
  mounted(){
    console.log(Config,'Config')
  },
  methods:{
    testToggle(){
      Vue.set(this.aaa,'b',Date.now())
    }
  }
}
</script>
<style lang="scss" scoped>
@font-face {
  font-family: 'iconfont';  /* project id 1669649 */
  src: url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.eot');
  src: url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.woff') format('woff'),
  url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1669649_t7u2fe92gke.svg#iconfont') format('svg');
}
  .iconfont{
      font-family:"iconfont" !important;
      font-size:16px;font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width:0.2px;
      -moz-osx-font-smoothing: grayscale;
    }
  #app{
    height:100%;
  }
  .nav{
    display: flex;
    height: 50px;
    position: fixed;
    bottom: 0rem;
    width: 100%;
    z-index: 10;
    background: #fff;
    li{
      list-style: none;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      // font-size: 14px;
      flex-direction: column;
    }
  }
  .active{
    color: rgb(214, 120, 57);
  }
</style>
